<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>更改页</title>
    <link rel="stylesheet" href="../../layui/css/layui.css" />
    <style>
        .layui-input {
            width: 220px;
        }
        .layui-form-item{
            margin-top: 5px;
            padding-bottom: 15px;
        }
    </style>
</head>
<body>
<form class="layui-form" action="" lay-filter="upd">
    <input type="hidden" id="lid" name="lid">
    <div class="layui-form-item">
        <label class="layui-form-label">租户姓名</label>
        <div class="layui-input-inline">
            <input type="text" name="lname" id="lname" required  lay-verify="required" placeholder="请输入单元号" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">租户电话</label>
        <div class="layui-input-inline">
            <input type="text" name="ltel" id="ltel" required  lay-verify="required" placeholder="请输入楼层" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">性别</label>
        <div class="layui-input-inline">
            <input type="text" name="lsex" id="lsex" required  lay-verify="required" placeholder="请输入房间号" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">身份证号码</label>
        <div class="layui-input-inline">
            <input type="text" name="lnativeplace" id="lnativeplace" required  lay-verify="required" placeholder="请输入房间面积" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">籍贯</label>
        <div class="layui-input-inline">
            <input type="text" name="lidcard" id="lidcard" required  lay-verify="required" placeholder="请输入装修风格" autocomplete="off" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">修改时间</label>
        <div class="layui-input-block">
            <input name="laddtime" id="laddtime" type="text" class="layui-input" id="test1">
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block">
            <button id="btn" class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>
<script src="/static/js/jquery-3.3.1.js"></script>
<script src="/static/layui/layui.js"></script>
<script>
    //Demo
    layui.use(['form','laydate'], function(){
        var form = layui.form;
        var $=layui.$;
        $().ready(function () {
            $.ajax({
                url: "/mainServlet?method=queryone",
                type: "get",
                dataType: "json",
                data: {"lid": getQueryString("lid")},
                success: function (da) {
                    var aaa=da.data;
                    if (da.code == 0) {
                        $.each(da.data,function (update,u) {
                            $("#lid").val(u.lid);
                            $("#lname").val(u.lname);
                            $("#ltel").val(u.ltel);
                            $("#lsex").val(u.lsex);
                            $("#lnativeplace").val(u.lnativeplace);
                            $("#lidcard").val(u.lidcard);
                            $("#laddtime").val(layui.util.toDateString(u.laddtime,'yyyy-MM-dd'));
                        })
                    } else {
                        layer.msg("查询数据失败！");
                    }
                }
            })
        })



        //监听提交
        form.on('submit(formDemo)', function(data) {
            //通过ajax提交后台
            $.ajax({
                url:'/mainServlet?method=update',
                type:"post",
                data:$('form').serialize(),
                async:true,
                dataType: 'json',
                success:function (da) {
                    if (da.code===0){
                        layer.alert("修改成功！", function () {
                            parent.layer.closeAll();
                        });
                    }else {
                        layer.msg("修改失败！");
                    }
                }
            })
            return false;
        });
        var  laydate=layui.laydate;
        laydate.render({
            elem: '#test1'    //指定元素test1
        });
    })

    //获取传来的？后的 字段参数
    function getQueryString(lname) {
        var reg = new RegExp('(^|&)' + lname + '=([^&]*)(&|$)', 'i');
        var r = window.location.search.substr(1).match(reg);
        if (r != null) {
            return unescape(r[2]);
        }
        return null;
    }
</script>
</body>
</html>